@import "../../app";
body{
  background: @bg-base;
}
.finance-center{
  padding: 30px;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  .finance-item{
    margin-bottom: 30px;
    position: relative;
    padding: 25px 0;
    text-align: center;
    color: #fff;
    height: 275px;
    box-sizing: border-box;
    .finance-bg{
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 1;
    }
    .finance-info{
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 2;
      .title-en{
        font-size: @font-size-24;
        display: block;
        padding-top: 20px;
      }
      .title{
        font-size: 54px;
        display: block;
        line-height: 54px;
        margin-bottom: 20px;
      }
      .num{
        font-size: 28px;
        display: block;
      }
      .btn{
        width: 210px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        display: block;
        margin: 0 auto;
        background: #fff;
        border-radius: 100px;
        margin-top: 10px;
        .flex-base;
        justify-content: center;
        align-items: center;
      }
      .btn1{
        color: #ff6826;
      }
      .btn2{
        color: #0ac279;
      }
      .btn3{
        color: #6a27ff;
      }
      .btn4{
        color: #2979fa;
      }
    }
  }
}
.apply-success{
  .content{
    background: #fff;
    padding: 40px;
    box-sizing: border-box;
    text-align: center;
    .success-icon{
      width: 100px;
      height: 100px;
    }
    .title{
      font-size: 34px;
      padding: 25px 0 15px 0;
    }
    .desc{
      font-size: @font-size-24;
      color: @font-gray-color;
    }
    .tel{
      font-size: @font-size-24;
      color: @font-light-color;
      padding-top: 20px;
    }
  }
  .btn-group{
    padding: 70px;
    .flex-base;
    .btn{
      text-align: center;
      line-height: 70px;
      width: 280px;
      border: 1.1px solid @font-light-color;
      color: @font-light-color;
      border-radius: 100px;
    }
    .btn-active{
      .bg-line;
      color: #fff;
      font-size: @font-size-30;
    }
  }
}

// 步骤条
.step-line{
  padding: 40px 0;
  .step-icon{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 40px;
    margin-bottom: 20px;
    .point{
      width: 20px;
      height: 20px;
      flex-shrink: 0;
    }
    .line{
      height: 20px;
      flex-grow: 2;
    }
  }
  .step-content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: @font-size-28;
    color: @font-gray-color;
  }
}
.result-wrap{
  padding: 30px;
  width: 100%;
  box-sizing: border-box;
  .result{
    width: 100%;
    height: 160px;
    padding-top: 40px;
    display: block;
  }
  .item-wrap{
    background: #fff;
    border-radius: 10px;
    .item-result{
      text-align: center;
      padding-top: 40px;
      box-sizing: border-box;
      .item-price{
        padding: 20px 0 40px 0;
        .price{
          color: #ff7800;
          font-size: 44px;
        }
      }
      .line{
        width: 60%;
        background: @bg-base;
        height: 2.1px;
        margin: 0 auto;
      }
    }
  }
}

